$(function () {
    $("#tou").load("tou.html");

    //判断是否是管理员
    $.ajax({
        url:"easybuy/admin/jurisdiction",
        success:function (data) {
            if (data!="success"){
                alert("你没有权限访问！");
                location.href="Index.html";
            }
        }
    });

    showUser(1,10);


});
//显示所有用户
function showUser(pageNum,pageSize) {
    $.ajax({
        url: "easybuy/getPageUser",
        data:{
            pageNum:pageNum,
            pageSize:pageSize
        },
        success:function (data) {

            $("#users").empty();
            $("#users").append(" <tr>\n" +
                "                    <td width=\"20%\">用户名称</td>\n" +
                "                    <td width=\"25%\">真实姓名</td>\n" +
                "                    <td width=\"15%\">性别</td>\n" +
                "                    <td width=\"20%\">类型</td>\n" +
                "                    <td width=\"20%\">操作</td>\n" +
                "                </tr>");

            $.each(data.list,function (index,user) {

                $("#users").append("<tr>\n" +
                    "                    <td width=\"20%\">"+user.loginname+"</td>\n" +
                    "                    <td width=\"25%\">"+user.username+"</td></tr>" );
                if (user.sex==1){
                    $("#users").find("tr").eq(index+1).append("<td width=\"15%\">男</td>\n");
                }else {
                    $("#users").find("tr").eq(index+1).append("<td width=\"15%\">女</td>\n");
                }
                if(user.type==1){
                    $("#users").find("tr").eq(index+1).append("<td width=\"20%\">管理员</td>\n" +
                        "                    <td width=\"20%\">" +
                        "                    <a href='javascript:;' class='update' data-id='"+user.id+"'>修改</a>&nbsp;&nbsp;&nbsp;&nbsp;" +
                        "</td></tr>");
                }else {
                    $("#users").find("tr").eq(index+1).append("<td width=\"20%\">普通用户</td>\n" +
                        "                    <td width=\"20%\">" +
                        "                    <a href='javascript:;' class='update' data-id='"+user.id+"'>修改</a>&nbsp;&nbsp;&nbsp;&nbsp;" +
                        "                    <a href='javascript:;' class='delete' id='"+user.id+"'>删除</a>" +
                        "</td>");
                }
            });
            getPage(pageNum,pageSize,data)

            //跳转到修改页面
            $(".update").click(function () {
                showUpdate($(this).data("id"));
            });
            //调用删除方法
            $(".delete").click(function () {
                if (confirm("是否要删除该用户？")){
                    deleteUser(this.id);
                }
            });
        }
    });

}
//分页
function getPage(pageNum,pageSize,data) {
    $(".pages").empty();

    //首页
    $(".pages").append("<a href=\"javascript:;\" class=\"p_pre\" id='homePage'>首页</a>");

    $("#homePage").click(function () {
        showUser(1,pageSize);
    });

    //上一页
    if (pageNum>1){
        $(".pages").append("<a href=\"javascript:;\" class=\"p_pre\" id='pre'>上一页</a>");
        $("#pre").click(function () {
            showUser(pageNum-1,pageSize);
        })
    }

    //页数
    for (let i = 0; i < data.navigatepageNums.length; i++) {
        if (pageNum == i+1) {
            $(".pages").append("<a href=\"javascript:;\" class=\"cur number\">" + (data.navigatepageNums[i]) + "</a>");
        } else {
            $(".pages").append("<a href=\"javascript:;\" class='number'>" + (data.navigatepageNums[i]) + "</a>");
        }
    }
    $(".number").click(function () {
        var pageNum=$(this).text();
        showUser(pageNum,pageSize)
    })

    //下一页
    if (pageNum<data.pages){
        $(".pages").append("<a href=\"javascript:;\" class=\"p_pre\" id='next'>下一页</a>");
        $("#next").click(function () {
            showUser(pageNum+1,pageSize)
        })
    }
    //末页
    $(".pages").append("<a href=\"javascript:;\" class=\"p_pre\" id='lastPage'>末页</a>");

    $("#lastPage").click(function () {
        showUser(data.pages,pageSize);
    });
}

//跳转到修改页面
function showUpdate(id) {
    $(".m_right").empty();

    $.ajax({
        url:"easybuy/findUserById",
        data:{
            id:id
        },
        success:function (data) {
            $(".m_right").append("<p></p>\n" +
                "            <div class=\"mem_tit\">修改用户</div>\n" +
                "            <div class=\"m_des\">\n" +
                "                <form>\n" +
                "                    <table border=\"0\" style=\"width:880px;\"  cellspacing=\"0\" cellpadding=\"0\">\n" +
                "                        <tr height=\"45\">\n" +
                "                            <td width=\"200\" align=\"right\">用户姓名 &nbsp; &nbsp;</td>\n" +
                "                            <td><input type=\"text\" value=\""+data.loginname+"\" name=\"loginname\" class=\"add_ipt\" style=\"width:180px;\" readonly/>&nbsp; <font color=\"#ff4e00\">*</font></td>\n" +
                "                        </tr>\n" +
                "                        <tr height=\"45\">\n" +
                "                            <td align=\"right\">真实姓名 &nbsp; &nbsp;</td>\n" +
                "                            <td><input type=\"text\" value=\""+data.username+"\" name=\"username\" class=\"add_ipt\" style=\"width:180px;\" readonly/>&nbsp; <font color=\"#ff4e00\">*</font></td>\n" +
                "                        </tr>\n" +
                "                        <tr height=\"45\">\n" +
                "                            <td align=\"right\">身份证号 &nbsp; &nbsp;</td>\n" +
                "                            <td><input type=\"text\" value=\""+data.identitycode+"\" name=\"identitycode\" class=\"add_ipt\" style=\"width:180px;\" readonly/>&nbsp; <font color=\"#ff4e00\">*</font></td>\n" +
                "                        </tr>\n" +
                "                        <tr height=\"45\">\n" +
                "                            <td align=\"right\">电子邮箱 &nbsp; &nbsp;</td>\n" +
                "                            <td><input type=\"text\" value=\""+data.email+"\" name=\"email\" class=\"add_ipt\" style=\"width:180px;\" readonly/>&nbsp; <font color=\"#ff4e00\">*</font></td>\n" +
                "                        </tr>\n" +
                "                        <tr height=\"45\">\n" +
                "                            <td align=\"right\">手机 &nbsp; &nbsp;</td>\n" +
                "                            <td><input type=\"text\" value=\""+data.mobile+"\" name=\"mobile\" class=\"add_ipt\" style=\"width:180px;\" readonly/>&nbsp; <font color=\"#ff4e00\">*</font></td>\n" +
                "                        </tr>\n" +
                "                        <tr height=\"45\">\n" +
                "                            <td align=\"right\">用户类型 &nbsp; &nbsp;</td>\n" +
                "                            <td>\n" +
                "                                <select name=\"type\" id=\"type1\"> <select>" +
                "                        </tr>\n" +
                "                        <tr height=\"50\">\n" +
                "                            <td>&nbsp;</td>\n" +
                "                            <td><input type=\"button\" value=\"确认修改\" id='update' class=\"btn_tj\" />&nbsp;&nbsp;&nbsp;&nbsp;" +
                "                                <input type=\"button\" value=\"密码重置\" id='reset' class=\"btn_tj\" /></td>\n" +
                "                        </tr>\n" +
                "                    </table>\n" +
                "                </form>\n" +
                "            </div>"+
                "");
            if (data.type==1){
                $("#type1").append("<option value=\"1\" selected>管理员</option>\n" +
                    "<option value=\"0\">普通用户</option>\n");
            }else if (data.type==0){
                $("#type1").append("<option value=\"1\">管理员</option>\n" +
                    "<option value=\"0\" selected>普通用户</option>\n");
            }

            //修改
            $("#update").click(function () {
                var type=$("#type1").val();
                $.ajax({
                    url:"easybuy/updateAllUser",
                    data:{
                        id:id,
                        type:type
                    },
                    success:function (data) {
                        if(data=="success"){
                            alert("修改成功！");
                            location.href="adminUserList.html";
                        }else {
                            alert("修改失败，请联系管理员！");
                        }
                    }
                })
            });

            //密码重置
            $("#reset").click(function () {
                $.ajax({
                    url:"easybuy/resetPassword",
                    data:{
                        id:id
                    },
                    success:function (data) {
                        if (data=="success"){
                            alert("密码成功重置为666666！");
                            location.href="adminUserList.html";
                        }else {
                            alert("重置失败。。。请联系管理员！");
                        }
                    }
                })
            })
        }
    })


}

//删除用户
function deleteUser(id) {
    $.ajax({
        url:"easybuy/deleteUser",
        data:{
            id:id
        },
        success:function (data) {
            if (data=="success"){
                alert("删除成功！");
                showUser(1,10);
            }else {
                alert("删除失败，请联系管理员！");
            }
        }
    })
}

